﻿body{
	overflow: hidden;/*避免切换窗口时滚动条闪一下*/
}
.main{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: white;
	overflow: hidden;
}
.bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	border-width: 0px;
	z-index: -1;
}
/*任务栏*/
.task_bar{
	position:absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 45px;
	background-color: rgba(8,8,8,0.5);
	min-width: 300px;
	z-index: 999;
}
.task_bar_left{
	height: 100%;
	float: left;
}
.task_bar_right{
	height: 100%;
	float: right;
}
.task_bar .btn {
    float: left;
    text-align: center;
    height: 100%;
	line-height: 45px;
	padding: 0px 16px;
}
.task_bar .btn.btn_add {
	color:#ADD8E6;
}
.task_bar .btn.btn_add.active {
	background-color: rgba(50,50,50,0.5);
}
.task_bar_right .btn i{
	font-size: 12px;
}
.task_bar .btn.time {
	line-height: 22px;
	font-size: 12px;
}
.task_bar .btn.desk {
	border-left:solid 1px silver;
	width:5px;
	padding:0px;
}
.task_bar .btn:hover{
	background-color: rgba(50,50,50,0.5);
    cursor: pointer;
    transition: 0.5s;
}
/*右键菜单*/
#context_menu{
	display: none;
	position: absolute;
	background-color: silver;
	left: 0;
	top: 0;
	z-index: 99;
}
.context_ele{
	position: relative;
	width: 200px;
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	margin: 0px 2px;
	transition: 0.5s;
}
.context_ele:hover{
	cursor: pointer;
	background-color: lightblue;
}
.context_ele .context_childs{
	position: absolute;
	display: none;
	top: 0px;
	right: -200px;
	width: 200px;
	line-height: 25px;
	font-size: 14px;
	background-color: silver;
}
.context_ele:hover .context_childs{
	display: block;
}
.context_ele .context_childs .context_child:hover{
	cursor: pointer;
	background-color: lightblue;
}
.context_ele .fa{
	line-height: 25px;
	padding: 0px 10px;
}
/*开始菜单*/
.start_menu{
	display: none;
	position: absolute;
	left: 0;
	bottom: 45px;
	width: 620px;
	height: 500px;
	z-index: 2;
}
.start{
	float:left;
	background-color: rgba(50,50,50,0.5);
	overflow-y: auto;
}
/*开始菜单左侧*/
.start.start_left{
	position: relative;
	width: 50px;
	height: 100%;
}
.start.start_left .btns{
	width: 100%;
	position: absolute;
	bottom: 0;
}
.start_left .btn{
	width: 100%;
	text-align: center;
	line-height: 45px;
	transition: 0.5s;
}
.start_left .btn:hover{
	cursor: pointer;
	background-color: rgba(70,70,70);
}
/*开始菜单中间app*/
.start.start_middle{
	width: 200px;
	height: calc(100% - 20px);
	padding: 10px 5px;
}
.start_middle .ele{
	padding: 2px;
	height: 25px;
	line-height: 25px;
	transition: 0.5s;
}
.start_middle .ele:hover{
	cursor: pointer;
	background-color: rgba(70,70,70);
}
.start_middle .ele .title{
	font-size: 12px;
}
/*开始菜单右侧磁贴*/
.start.start_right{
	width: calc(100% - 270px);
	height: calc(100% - 20px);
	padding: 10px 5px;
}
.start_right .tile{
	float:left;
	border: 1px solid white;
	margin: 2px;
	position: relative;
	text-align: center;
	vertical-align: center;
	overflow: hidden;
	transition: 0.5s;
}
.start_right .tile:hover{
	cursor: pointer;
	background-color: rgba(70,70,70);
}
.tile.tile-title{
	float: none;
	line-height: 25px;
	width: 312px;
}
.tile.tile-1{
	width:100px;
	height:100px;
}
.tile-1 i.fa{
	font-size: 50px;
	line-height: 75px;
}
.tile.tile-2{
	width:206px;
	height:100px;
}
.tile-2 i.fa{
	font-size: 50px;
	line-height: 75px;
}
.tile.tile-3{
	width:206px;
	height:206px;
}
.tile-3 i.fa{
	font-size: 100px;
	line-height: 175px;
}
.tile-3 .title,.tile-3 .content{
	font-size: 1.5em;
}
.tile .appname{
	position: absolute;
	left: 0px;
	bottom: 2px;
	width:100%;
	height:25px;
	padding: 0px 10px;
	text-align: left;
}
.tile .msg{
	position: absolute;
	width: 100%;
	height: 0%;
	display: none;
	text-align: left;
}
.tile .msg .title{
	font-weight: bold;
	padding-left: .5em;
}
.tile-2 .msg .title{
	font-weight: bold;
	padding-left: 1.5em;
}
.tile .msg .content{
	padding-left: 2em;
}
.tile-2 .msg .content{
	padding-left: 3em;
}
.tile .msg:first-child{
	display: block;
}
.shortcuts{
	position: relative;
	width: 100%;
	height: 100%;
	transition: 0.3s;
}
.shortcut{
	position: absolute;
	width: 80px;
	text-align: center;
	transition: 0.5s;
}
.shortcut:hover{
	background-color: rgba(70,70,70,0.5);
}
.shortcut.select{
	background-color: rgba(150,150,150,0.5);
}
.shortcut i{
	font-size: 50px;
	line-height: 60px;
}
.shortcut span{
	font-size: 12px;
}
.notification{
	width: 350px;
	height: calc(100% - 45px) ;
	position: absolute;
	right: -350px;
	top: 0px;
	overflow: hidden;
	background: rgba(50,50,50,0.5);
	z-index: 999;
}
.notification .notice{
	width: calc(100% - 20px);
	min-height: 40px;
	padding: 10px;
	transition: 0.5s;
}
.notification .notice:hover{
	background: rgba(50,50,50,0.5);
}
.notification .notice:hover .close{
	display: inline;
}
.notification .notice .close{
	float: right;
	line-height: 0px;
	cursor: pointer;
	display: none;
	padding: 3px;
}
.notification .notice .title{
	font-weight: bold;
	margin: 0px;
}
.notification .notice .content{
	word-wrap: break-word;
}
.notification .tips{
	width: calc(100% - 20px);
	height: 20px;
	padding: 5px 10px;
	font-size: 12px;
}
.notification .tips>.noti_sum{
	float: left;
}
.notification .tips>.noti_clear{
	float: right;
    cursor: pointer;
}
.toast{
  	padding: 10px;
  	color: white;
  	right: 20px;
 	bottom: 50px;
 	position:fixed;
    min-width:250px;
    display:none;
    z-index:2,
    padding-right:20px
}
.toast .close {
    font-size: 1.2em;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20px;
    cursor: pointer; 
}
.toast .msg {
    font-size: 0.8em; 
}
.toast p{
    margin: 0px; 
}
.alert{
	margin:auto;
	position: absolute;
	left: 0;
	right: 0;
	top:0;
	bottom: 0;
	height: 70%;
	width: 80%;
	background-color: #D1EEEE;
	border:10px solid rgb(150,150,150);
	border-radius: 10px;
}
.alert.tpl{
	display:none;
}
.alert span{
	display: block;
	position: absolute;
	font-size:20px;
	top:-20px;
	opacity: 1;
	color:white;
}
.alert .fa-window-close{
	right:0px;
}
.alert .fa-window-maximize,.alert .fa-window-restore{
	right:30px;
}
.alert .fa-window-minimize{
	right:60px;
}
.alert .content{
	position:relative;
	width:100%;
	height:100%;
}
.alert .content iframe{
	width:100%;
	height:100%;
}